import { defineConfig } from 'vite';  // 帮手函数，这样不用 jsdoc 注解也可以获取类型提示
import { resolve } from 'path'
import vue from "@vitejs/plugin-vue";

export default defineConfig({
    // 配置文件别名 vite1.0是/@/  2.0改为/@
    // 这里是将src目录配置别名为 /@ 方便在项目中导入src目录下的文件
    plugins: [vue()],
    resolve: {
        alias: {
            '~': resolve(__dirname, './'),
            '@': resolve(__dirname, './src')
        }
    },
    // 强制预构建插件包
    optimizeDeps: {
        include: [],
    },
    // 打包配置
    build: {
        target: 'modules',
        outDir: 'dist', //指定输出路径
        assetsDir: 'assets', // 指定生成静态资源的存放路径
        minify: 'terser' // 混淆器，terser构建后文件体积更小
    },
    // 本地运行配置，及反向代理配置
    server: {
        cors: true, // 默认启用并允许任何源
        open: true, // 在服务器启动时自动在浏览器中打开应用程序
        //反向代理配置，注意rewrite写法，开始没看文档在这里踩了坑
        // proxy: {
        //     '/api': {
        //         target: 'http://192.168.99.223:3000',   //代理接口
        //         changeOrigin: true,
        //         rewrite: (path) => path.replace(/^\/api/, '')
        //     }
        // }
    }
})
